.view-login {
	min-height: 768px;
	font-family: "Microsoft Yahei",Arial,"宋体";
	font-size: 12px;
	margin: 0;
}

.view-login div {
	position: relative;
}

.view-login a {
	text-decoration: none;
}

.view-login .layer-bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;
}

.view-login .layer-content {
	background-color: #f2f2f2;
}

.view-login .wrap {
	width: 1024px;
	height: 768px;
	background-image: url(img/1/1.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.view-login .header {
	height: 148px;
}

.view-login .header-logo {
	width: 149px;
	height: 38px;
	position: absolute;
	left: 72px; 
	top: 26px;
	background-image: url(img/2/1.png);
	_background-image: url(img/2/1.gif);
	background-repeat: no-repeat;
	font-size: 0;
}

.view-login .header-slogan {
	position: absolute;
	left: 260px;
	top: 36px;
	font-size: 18px;
	color: #5d5d5d;
}

.view-login .header-nav {
	width: ;
	height: ;
	position: absolute;
	bottom: 10px;
	right: 30px;

}

.view-login .header-nav span {
	margin: 0 3px;
}

.view-login .header-nav a {
	font-size: 12px;
	color: #808080;
}


/* /header */

.view-login .banner {
	height: 290px;
	width: 1016px;
	padding: 4px;
}

.view-login .banner-picture {
	width: 417px;
	height: 289px;
	position: absolute;
	top: 4px;
	left: 60px;
	background-image: url(img/1/2.jpg);
}

.view-login .banner-text {
	width: 120px;
    height: 50px;
    position: absolute;
    top: 160px;
    left: 191px;
}

.view-login .banner-text a {
	font-size: 14px;
	color: #19A3C7;
}
/* login */



.view-login .banner-login {
	width: 310px;
	height: 290px;
	margin-left: 610px;
}

.view-login .banner-login-form {
	padding-top: 20px;
}

.view-login .banner-login .input-item {
	margin-bottom: 16px;
}

.view-login .banner-login .input-item label {
	color: #999;
}

.view-login .banner-login .input-item .input-area {
	margin-top: 5px;
	width: 310px;
	height: 34px;
}

.view-login .banner-login .input-item .input-area input {
	display: block;
	width: 267px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #ccc;
	outline-width: 0;
	padding: 8px 8px 8px 33px;
}

.view-login .banner-login .input-item .input-area input:focus {
	border-color: #7abd54;

}


.view-login .banner-login .input-item .input-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 12px;
	top: 7px;
}

.view-login .banner-login .input-item .input-icon i {
	display: block;
}


.view-login .icon-lock,
.view-login .icon-phone {
	background-image: url(img/2/3.png);
	_background-image: url(img/2/3.gif);
	background-repeat: no-repeat;
}

.view-login .icon-phone {
	width: 14px;
	height: 19px;
	background-position: 0 0;
}

.view-login .icon-lock {
	width: 14px;
	height: 17px;
	background-position: 0 -25px;
}



.view-login .banner-login .pswhelp {
	width: 310px;
	height: 30px;
	margin-bottom: 10px;
}

.view-login .banner-login .pswhelp-remember {
	float: left;
	width: 100px;
	height: 20px;
	line-height: 20px;
}

.view-login .banner-login .pswhelp-remember input {
	display: block;
	margin-top: 3px;
	_margin-top: 4px;
	margin-right: 2px;
	float: left;
	width: 13px;
	height: 13px;
}

.view-login .banner-login .pswhelp-remember label {
	float: left;
}

.view-login .banner-login .pswhelp-forget {
	float: left;
	width: 100px;
	height: 20px;
	margin-left: 110px;
}

.view-login .banner-login .pswhelp label,
.view-login .banner-login .pswhelp a {
	color: #848585;
}

.btn-login {
	width: 308px;
	display: block;
}


.btn-orange-4 {
	display: block;
	border: 1px solid #b26416;
	height: 32px;
}

.btn-orange-4 span {
	display: block;
	background-color: #ea8118;
	border: 1px solid #eb8520;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	/*letter-spacing: 6px;*/
}

.btn-orange-4:hover {
	
}

.btn-orange-4:hover span {
	border-color: #ff9b01;
	background-color: #ff9b01;
}






/* /login */


/* footer */
.view-login .footer {
	height: 183px;
	padding-top: 140px;
}

.view-login .footer-register {
	position: absolute;
	right: 83px;
	top: -5px;
}

.view-login .footer-register a {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.view-login .footer-nav,
.view-login .footer-copyright {
	width: 1024px;
	height: 24px;
	line-height: 24px;
	margin: 0 auto;
	text-align: center;
}

.view-login .footer-nav span {
	margin: 0 2px;
}

.view-login .footer-copyright span,
.view-login .footer-nav span,
.view-login .footer-nav a {
	color: #808080;
}


/* /footer */


.view-login .jquery-message {
	position: fixed;
	_position: absolute;
}